:root {
  --card-shadow: 0px 0px 12px rgba(0, 0, 0, 0.12);
}

/* semantic color variables for this project */
:root {
  --color-background: var(--card-shadow);

  --section-gap: 160px;
}

.header_wrapper {
  width: 1300px;
  margin: 0 auto;
}

@media screen and (min-width: 1138px) {
  html[device="pad"] {
    --container-page-width: 712px;
    /* --container-right-width: 260px; */
  }
}

@media screen and (min-width: 712px) {
  html:not([device="pad"]) {
    --container-page-width: 712px;
    --container-right-width: 300px;
  }
}

/* 改变滚动条宽度 */
.minScrollBarStyle::-webkit-scrollbar {
  width: 6px;
}
/* 改变滚动条轨道背景颜色 */
.minScrollBarStyle::-webkit-scrollbar-track {
  background-color: transparent;
}
/* 改变滚动条滑块样式 */
.minScrollBarStyle::-webkit-scrollbar-thumb {
  background-color: #0003;
  border-radius: 10px;
  transition: all 0.2s ease-in-out;
}

body {
  position: relative;
  width: 1536px;
  height: 703px;

  /* border: 3px solid red; */
  box-sizing: border-box;

  transform-origin: left top;
}
html {
  overflow-x: hidden;
}
